<template>
  <div>
    这是一个父组件
    <el-button @click="hClick">element-ui的组件</el-button>

    <button @click="hClick">普通的按钮</button>
    <div @click="hClick">这是一个div标签</div>
    <!-- vue里面dom元素会自动的绑定了相关的事件 -->
    <hr>
    <br>
    <!-- Son是自定义的组件 -->
    <!-- native是语法糖，给子组件绑定了相关的事件，并且触发父组件
    相应的事件 -->
    <Son @click.native="hClick" />

    <Son @click="hClick" />

  </div>

</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  methods: {
    hClick() {
      alert('click')
    }
  }
}
</script>

<style>

</style>
